outline - color
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Ні |
Ні |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS2,
CSS2.1 |
|
Значення за умовчанням |
invert |
|
Наслідує |
Ні |
|
Застосовується |
До
усіх елементів |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/ui.html#propdef - outline - color |
Опис
Задає
колір зовнішньої межі елементу. На відміну від лінії, що задається через
border, лінія через властивість outline відображається навколо елементу, не
впливаючи на ширину блоку або його положення.
Синтаксис
outline
- color: invert | колір | inherit
Значення
invert Автоматично задає колір лінії, виходячи з фону під нею для досягнення
максимального контрасту. У CSS 2.1 браузеру дозволяється ігнорувати значення
invert і замість нього використовувати колір лінії заданий властивістю color.
колір Задає колір лінії у будь-якому допустимому для CSS форматі.
inherit Наслідує значення батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>outline - color</title> <style type="text/css"> #block { outline - style: dashed; /* Пунктирна межа */ outline - color: #be8b5e; /* Колір межі */ padding: 10px; /* Полів навколо тексту */ background: #eedac8; /* Колір фону */ } </style> </head> <body> <div id="block"> Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів </div> </body></html>
Результат
прикладу показаний на мал. 1.
Мал. 1. Використання властивості outline - color
Об'єктна модель
[window.]document.getElementById("elementID")
style.outlineColor
